<html>
<head>
	<title>document创建和操作节点</title>
	<style>
		abc{
			border: #ff9988 1px solid;
			width: 100px;
		}
	</style>
	<script>
		function init() {
			var p = document.createElement("p");
			var textNode = document.createTextNode("Hello DOM1") ;
			p.appendChild(textNode) ;//添加内容
			var oBody = document.body ;
			oBody.appendChild(p) ;
		}
		function init2() {
			var abc = document.createElement("abc");
//			var textNode = document.createTextNode("Hello DOM1") ;
//			p.appendChild(textNode) ;//添加内容
			var oBody = document.body ;
			oBody.appendChild(abc) ;
		}
	</script>
</head>
<body>
<a href="node3_1.html">另一个案例</a>
<button name="btn" type="button" value="val" onclick="init()">Button Text</button>
<button name="btn" type="button" value="val" onclick="init2()">Button Text</button>
</body>
</html>
